<script setup>
import { ref,onMounted } from "vue";
var isShow = ref(true);
const setIsShow = () => {
  setTimeout(() => {
    isShow.value = false;
  }, 1000);
};
onMounted(
  ()=>{
    setIsShow()
  }
)
</script>

<template>
  <div class="preloader" v-if="isShow">
    <div class="preloader__inner">
      <div class="preloader__icon">
        <span></span>
        <span></span>
      </div>
    </div>
  </div>

  <header class="header-section">
    <div class="container">
      <div class="header-holder">
        <div
          class="header-primary d-flex flex-wrap justify-content-between align-items-center"
        >
          <div class="brand-logo d-none d-lg-inline-block">
            <div class="logo">
              <a href="index.html">
                <!-- <img src="assets/images/logo/logo.png" alt="logo" /> -->
                <img src="../../assets/images/jixiang/jx-mst-log.png" alt="logo" />
              </a>
            </div>
          </div>
          <div class="header-wrapper justify-content-lg-end">
            <div class="mobile-logo d-lg-none">
              <a href="index.html"
                ><img src="../../assets/images/jixiang/jx-mst-log.png" alt="logo"
              /></a>
            </div>
            <div class="menu-area">
              <ul class="menu">
                <li>
                  <!-- <a href="javascript:void(0);">首页</a> -->
                  <!-- <router-link>首页</router-link> -->
                  <RouterLink :to="`/`">首页</RouterLink>
                </li>
                <li>
                  <RouterLink :to="`/mstsel`">面试题</RouterLink>
                </li>
                <li>
                  <a href="javascript:void(0);">Stacking</a>
                  <ul class="submenu">
                    <li><a href="stacking.html">Stacking</a></li>
                    <li><a href="farming.html">Farming</a></li>
                  </ul>
                </li>
                <li>
                  <a href="javascript:void(0);">Pages</a>
                  <ul class="submenu">
                    <li><a href="roadmap.html">Roadmap</a></li>
                    <li><a href="roadmap-2.html">Roadmap 2</a></li>
                    <li><a href="kyc.html">KYC</a></li>
                    <li><a href="tier.html">Tier</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="leaderboard.html">Leaderboard</a></li>
                    <li>
                      <a href="javascript:void(0);">Team</a>
                      <ul class="submenu">
                        <li><a href="team.html">Team</a></li>
                        <li><a href="team-member.html">Team member</a></li>
                      </ul>
                    </li>
                    <li>
                      <a href="javascript:void(0);">Account</a>
                      <ul class="submenu">
                        <li><a href="signup.html">Sign Up</a></li>
                        <li><a href="login.html">Log In</a></li>
                        <li><a href="reset-pass.html">Reset Pass</a></li>
                      </ul>
                    </li>
                    <li><a href="404.html">404</a></li>
                    <li><a href="coming-soon.html">Coming Soon</a></li>
                  </ul>
                </li>
                <li>
                  <a href="javascript:void(0);">Blog</a>
                  <ul class="submenu">
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="blog-single.html">Blog Single</a></li>
                  </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
              </ul>
              <a
                class="wallet-btn"
                href="#"
                data-bs-toggle="modal"
                data-bs-target="#wallet-option"
              >
                <span>Connect </span> <i class="fa-solid fa-wallet"></i
              ></a>

              <div class="header-bar d-lg-none">
                <span></span>
                <span></span>
                <span></span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
</template>

<style scoped lang='scss'>
</style>